<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  <title>伪类选择器</title>
  <style type="text/css">
  a:link{
	color:#004276;
	text-decoration:none;
  }
  a:visited{
	color:#004276;
  }
  a:hover{
	color:#BA2636;
	text-decoration: underline;
  }
  a:active{
	color: yellow;
  }
  div:hover{
	border: 1px solid silver;
  }


  input{
	border: 1px solid #A9A9A9;
  }
  input:focus{
	border: 1px solid #7A9CD3;
  }
  </style>	
 </head>

 <body>
  <a href="http://tts7.tarena.com.cn">百度首页</a>
  <a href="http://task.tarena.com.cn">京东首页</a>

  <div>此处是一本书籍的信息</div>
  <div>此处是一本书籍的信息</div>
  <div>此处是一本书籍的信息</div>
  <div>此处是一本书籍的信息</div>
  <br/>

  <input />
 </body>
</html>
